<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
		<form role="search">
			<div class="form-group">
				<label>Leave Center</label>
			</div>
		</form>
		<ul class="nav menu">
			<li><a href="/leave"><span class="glyphicon glyphicon-pencil"></span> Leave</a></li>
			<li><a href="/sick_leave"><span class="glyphicon glyphicon-th"></span> Sick Leave</a></li>
			
			<li role="presentation" class="divider"></li>
			<li class="parent ">
				<a href="/approve">
					<span class="glyphicon glyphicon-list"></span>Approve Leave <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
				</a>
				<ul class="children collapse" id="sub-item-1">
					
					
				</ul>
			</li>
			<li><a href="/hr_approve"><span class="glyphicon glyphicon-pencil"></span>HR Confirm</a></li>
			
		</ul>
		
	</div><!--/.sidebar-->


<script src="/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
	$.post("/api/worker/list",
		{
			data : 1
		},
		function(data,status)
		{
			json1 = eval("("+data+")");
			if(json1.state == 1)
			{
				for(i=0;i<json1.content.length;i++)
				{
					$("#sub-item-1").append('<li><a class="" href="/worker/'+json1.content[i].user_id+'"><span class="glyphicon glyphicon-share-alt"></span>'+json1.content[i].user_name+'</a></li>');
				}
			}
			else
			{
				
			}
		});
</script>